<%@page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="../subPages/css.jsp"%>
<link href="css/pageCss.css" rel="stylesheet" type="text/css" />
<body class="small-width">
	<%@include file="../subPages/top.jsp"%>
	<%@include file="../subPages/title.jsp"%>
	<%@include file="../subPages/nav.jsp"%>
	<div class="container mt10 person-center">
		<div class="row">
			<div class="col-md-2 p0">
				<div class="panel-group person-center-l"  id="accordion1">
					<div class="panel panel-default">
						<div class="panel-heading no-radius">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion1"href="#personInfo">
								 <span class="glyphicon glyphicon-user" aria-hidden="true"></span>&nbsp;我的设置
								</a>
							</h4>
						</div>
						<div id="personInfo" class="panel-collapse collapse in">
							<ul class="list-group">
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('personInfo')">selected</s:if>" onclick="callAjax('personInfo','',true,4,'','infoHtml')">个人信息</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('')">selected</s:if>" onclick="callAjax('modifyPass','',true,4,'','infoHtml')">修改密码</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('')">selected</s:if>" onclick="callAjax('toAgentJoin','',true,4,'','infoHtml')">成为代理</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('userAddressInfo')">selected</s:if>" onclick="callAjax('userAddressInfo','',true,4,'','infoHtml');">收货地址</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('')">selected</s:if>" onclick="callAjax('myStore','',true,4,'','infoHtml')">我的收藏</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('recentlyView')">selected</s:if>" onclick="callAjax('recentlyView','',true,4,'','infoHtml');">最近浏览</li>
							</ul>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading no-radius">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion1" href="#orderInfo"> 
								<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>&nbsp;订单中心
								</a>
							</h4>
						</div>
						<div class="panel-collapse collapse in" id="orderInfo">
							<ul class="list-group">
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state==null">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml');">所有订单</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state.equals('SUCCESS')">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml','&p_state=SUCCESS');">交易成功</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state.equals('REFUND')">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml','&p_state=REFUND');">已申请退款</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state.equals('COMMENT')">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml','&p_state=COMMENT');">已评论订单</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state.equals('CANCEL')">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml','&p_state=CANCEL');">已取消订单</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state.equals('DELIVER')">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml','&p_state=DELIVER');">卖家已发货</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state.equals('PAID')">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml','&p_state=PAID');">已付款订单</li>
								<li class="list-group-item person-info-menu <s:if test="#request.action.equals('trade')&&p_state.equals('UNPAY')">selected</s:if>" onclick="callAjax('trade','',true,4,'','infoHtml','&p_state=UNPAY');">等待支付订单</li>
							</ul>
						</div>
					</div>
					<div class="panel panel-default ">
						<div class="panel-heading">
							<span class="glyphicon glyphicon-comment" aria-hidden="true"></span>&nbsp;<a
								href="#">我的消息</a>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>&nbsp;<a
								href="#">客服中心</a>
						</div>
					</div>
				</div>

			</div>
			<div class="col-md-10 p0 pl10 xs-p0">
				<div class="row p0 shadow min-h500 bg-white" id="infoHtml"></div>
			</div>
		</div>
	</div>
	<%@include file="../subPages/footer.jsp"%>
	<script type="text/javascript" src="js/personInfo.js"></script>
	<script type="text/javascript">
		callAjax('${action}','',true,4,'','infoHtml');
		if(document.body.offsetWidth<=767){
		    $("#personInfo").collapse('hide');
		    $("#orderInfo").collapse('hide');
		}
	</script>
</body>
</html>
